<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>伪类样式</title>
		<style>
		 #d1::before{
			 color: red;
			 content: '天天表决心';
		 }
		 #d1:after{
			 color: blueviolet;
			 content: '间歇性踌躇满志，持续性混吃等死';
		 }
		 a{
			 text-decoration:none;
		 }
		 a:link{
			 color: red;
		 }
		 a:visited{
			 color: black;
		 }
		 a:hover{
			 color: skyblue;
			 font-size: 40px;
		 }
		 a:active{
			 color: brown;
		 }
		 #d2:hover{
			 font-size: 20px;
			 color: burlywood;
			 cursor: pointer;
		 }
		</style>
	</head>
	<body>
		<p id="d1">教育改变生活</p>
		<div>
			<a href="https://www.taobao.com">taobao</a>
			<a href="https://www.jd.com">京东</a>
			<a href="https://www.oschina.net">开源中国</a>
			<a href="http://www.bdqn.cn">总部</a>
			<a href="https://www.baidu.com" target="_blank">百度</a>
			<a href="https://www.360.cn" target="_blank">360</a>
			<a href="https://www.hao123.com" target="_blank">hao123</a>
			<a href="https://www.4399.com" target="_blank">游戏</a>
		</div>
		<p id="d2">
			We change lives
		</p>
		<span style="cursor: wait;">系统升级中，请等待</span>
	</body>
</html>
